body,
li,
ul {
    margin : 0;
    padding: 0;
}

#app {
    // font-family: 'Avenir', Helvetica, Arial, Medium;
    // font-family            : '微软雅黑';
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-size: 14px;
    width    : 100%;
    height   : 100%;
}

html,
body {
    height: 100%;
    width : 100%;
}

li {
    list-style: none;
}

::-webkit-scrollbar {
    /*滚动条整体样式*/
    width  : 4px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height : 10px;
    display: block !important;
}

::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius        : 20px;
    // -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    // background: rgba(221, 224, 230, 1);
    background           : #dadbdd;
}

::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background   : #ededed;
    display      : none;
}

a:link,
a:visited,
a:hover,
.a:active {
    text-decoration: none;
    color          : inherit;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix {
    &:after {
        display: block;
        height : 0;
        clear  : both;
        content: '\20';
    }
}

.s-border-box {
    box-sizing: border-box;
}

.s-d-block {
    display: block;
}

.s-d-inline {
    display: inline;
}

.s-d-inline-block {
    display: inline-block;
}

.s-d-flex {
    display: flex;
}

.s-d-inline-flex {
    display: inline-flex;
}

.s-posr {
    position: relative;
}

.s-posa {
    position: absolute;
}

.s-posf {
    position: fixed;
}

.s-jc-flex-start {
    justify-content: flex-start;
}

.s-jc-flex-end {
    justify-content: flex-end;
}

.s-jc-center {
    justify-content: center;
}

.s-jc-space-between {
    justify-content: space-between;
}

.s-jc-space-around {
    justify-content: space-around;
}

.s-ai-flex-start {
    align-items: flex-start;
}

.s-ai-flex-end {
    align-items: flex-end;
}

.s-ai-center {
    align-items: center;
}

.s-ai-baseline {
    align-items: baseline;
}

.s-ai-column {
    flex-direction: column;
}

.s-ai-row {
    flex-direction: row;
}

.s-ai-stretch {
    align-items: stretch;
}


.s-mla {
    margin-left: auto;
}

.s-mra {
    margin-right: auto;
}

.s-tac {
    text-align: center;
}

.s-tal {
    text-align: left;
}

// 无快捷方式
.s-tar {
    text-align: right;
}

.s-fwb {
    font-weight: bold;
}

// .s-border-top { border-top: 1px solid @color-line-dark;}
// .s-border-bottom { border-bottom: 1px solid @color-line-dark;}

.s-pointer {
    cursor: pointer;
}

.flex-1 {
    flex: 1
}

$set1 :(fz, font-size),
(lh, line-height),
(w, width),
(h, height),
(m, margin),
(ml, margin-left),
(mr, margin-right),
(mt, margin-top),
(mb, margin-bottom),
(p, padding),
(pl, padding-left),
(pr, padding-right),
(pt, padding-top),
(pb, padding-bottom),
(l, left),
(t, top),
(b, bottom),
(r, right),
(br, border-radius),
(z, z-index)
;
$set2 :(w, width),
(h, height),
;

$set3: (z, z-index);

/* 示例：
  class="ml200"
  margin-left设为200px  -100px - 500px
  其他对应关系查看 @set1
*/
@for $i from -100 through 200 {

    @each $key,
    $value in $set1 {
        .#{$key}#{$i} {
            #{$value}: ($i * 1px) !important;
        }
    }
}

/* 示例：
  class="w80p"
  width设为80%

  支持width和height的百分比设置 范围 1% - 100% 
*/
@for $i from 0 through 100 {

    @each $key,
    $value in $set2 {
        .#{$key}#{$i}p {
            #{$value}: ($i * 1%) !important;
        }
    }
}

@for $i from 0 through 1000 {

    @each $key,
    $value in $set2 {
        .#{$key}#{$i} {
            #{$value}: ($i)+px !important;
        }
    }
}

/* 示例：
  class="eps-2"
  文字超过两行显示省略号
  支持1到10行的超出省略
*/
@for $i from 0 through 10 {
    .eps-#{$i} {
        word-break        : break-all;
        text-overflow     : ellipsis;
        overflow          : hidden;
        display           : -webkit-box;
        -webkit-line-clamp: $i;
        -webkit-box-orient: vertical;
    }
}

.btns .el-form-item__content {
    margin-left: 0 !important;
}

::v-deep .vue-treeselect__input {
    line-height   : 32px;
    vertical-align: middle;
}

.text-danger {
    color: #E86452;
}

.ff {
    font-family: AlibabaPuHuiTiMedium;
}
// 颜色
.color_red{
color:#F56C6C
}
.color_green{
    color:#67C23A
    }
    .color_blue{
        color:#409EFF
        }
.pageCard{
    padding: 20px;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 20px;
}
.ANTTable_header{
    display: flex;
    align-items: center;
    padding: 10px 0;
    justify-content: space-between;
}

.ant-layout-header{
    height: auto!important;
}